<!DOCTYPE html>
<html lang="en" style="height:100%">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>我的好友</title>
	<link rel="stylesheet" type="text/css" href="../../css/api.css" />
	<link rel="stylesheet" type="text/css" href="../../css/style.css" />
	<link rel="stylesheet" type="text/css" href="../../css/yzl.css" />
	<!-- <link rel="stylesheet" href="../../css/BarlowCondensed-Bold.woff.ttf" /> -->
	<!-- <link rel="stylesheet" href="../../css/sqc.css"> -->
	<style>
	*{
		margin: 0;
		padding: 0;
	}
	input{

		outline:none;
	}
	a,a:hover,a:active,a:visited,a:link,a:focus{
		-webkit-tap-highlight-color:transparent;
	}
	</style>
</head>

<body style="background: #f7f4f2;">
  <div id="blank" class="header" v-cloak>
	  <div v-back.tapmode class="back"></div>
	  <div class="title">我的好友</div>
  </div>
	<div id="app"  v-cloak style="padding-top:60px;">
		<div class="people-number">
			<div class="total-value" style="padding:0  50px 20px 50px;">
				<div class="character-number-one"
					 style="margin:20px 0 10px 0;font-weight: bold;font-family: BarlowCondensed-Bold">
					<div class="character-number-title">{{goodfriend_list.pushPeople}}</div>
					<div class="character-number-title">{{goodfriend_list.teamPeople}}</div>
				</div>
				<div class="character-number-one" style="font-size:12px;">
					<div class="character-number-title">直推人数</div>
					<div class="character-number-title">团队总人数</div>
				</div>
			</div>
		</div>
		<div class="character-number">
				<div class="character-number-one" style="margin:20px 0 10px 0;font-weight: bold;font-family: BarlowCondensed-Bold">
					<div class="character-number-title">{{goodfriend_list.teamActive}}</div>
					<div class="character-number-title">{{goodfriend_list.heroActive}}</div>
					<div class="character-number-title">{{goodfriend_list.allianceActive}}</div>
				</div>
				<div class="character-number-one" style="font-size:12px;color:#999;">
					<div class="character-number-title">团队活跃度</div>
					<div class="character-number-title">英雄活跃度</div>
					<div class="character-number-title">联盟活跃度</div>
				</div>
		</div>
		<div class="invite">
			<div class="invite-me">邀请我的人</div>
			<div>
				<div class="invite-people" style="position:relative;height: 103px;">
					<div class="invite-people-header-portrait">
						<img :src="goodfriend_list.inviteMyList.memberAdd"/>
					</div>
					<!--<div style="width: auto;max-width:40%;display: inline-block;vertical-align:middle;font-size:15px;margin-left: 8px;white-space: nowrap;-->
            <!--overflow: hidden;-->
            <!--text-overflow: ellipsis;">-->
						<!--<span style="font-size:15px;margin-left: 13px;">{{goodfriend_list.inviteMyList.nickname}}</span>-->
					<!--</div>-->
					<div style="float:left;">
						<div class="people-news people-news-name">
							{{goodfriend_list.inviteMyList.nickname}}
						</div>
						<div class="people-news">他的团队总人数:{{goodfriend_list.inviteMyList.teamPeople}}人</div>
						<span class="people-news">等级:&nbsp;<a style="color:#F95656">Lv{{goodfriend_list.inviteMyList.empiricalLevel}}</a></span>
						<span class="people-news">达人:&nbsp;<a style="color:#F95656">Lv{{goodfriend_list.inviteMyList.darenLevel}}</a></span>
						<div class="people-news">上次活跃时间:{{goodfriend_list.inviteMyList.updateTime}}</div>
					</div>
					<a class="a_phone" :href="'tel:'+goodfriend_list.inviteMyList.phone">
						<div class="phone-people">
							<img src="../../image/small/my-phone.png"/>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="invite my-invite">
			<div class="invite-me">我邀请的人</div>
			<div>
				<div class="invite-people" style="position:relative;" v-for="(list,index) in goodfriend_list.myInviteList">
					<div class="invite-people-header-portrait">
						<img :src="list.memberAdd"/>
					</div>
					<div style="margin-bottom:9px;">
						<span style="width: auto;max-width:40%;display: inline-block;vertical-align:middle;font-size:15px;margin-left: 8px;white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;">{{list.nickname}}</span>
						<span class="real-name" v-show="list.isCertification == 1">
							<img style="vertical-align: middle" v-src="'../../image/1-yishiming.png'"/>
						</span>
						<span class="real-name" v-show="list.isCertification == 2">
							<img v-src="'../../image/2-weishiping.png'"/>
						</span>
					</div>
					<div style="float:left;">
						<div class="people-news">他的团队总人数:{{list.teamPeople}}人</div>
						<span class="people-news">等级:&nbsp;<a style="color:#F95656">Lv{{list.empiricalLevel}}</a></span>
						<span class="people-news">达人:&nbsp;<a style="color:#F95656">Lv{{list.darenLevel}}</a></span>
						<div class="people-news">上次活跃时间:{{list.updateTime}}</div>
					</div>
					<a class="a_phone" :href="'tel:'+list.phone">
						<div class="phone-people">
							<img src="../../image/small/my-phone.png"/>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div v-show="goodfriend_list.myInviteList == ''" style="text-align:center;margin-top:50px">
			<img v-src="'../../image/guanzhu.png'" style="margin:0 auto;width:30%">
			<div style="margin:0 auto;color:#999999;text-align:center;padding-top:20px;font-size:12px">未有邀请人</div>
		</div>
	</div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/vue.js"></script>
<script src="../../script/app.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/url.js"></script>
<script src="../../script/components.js"></script>
<script type="text/javascript" src="../../script/jquery.js"></script>

<script>
	var vm,
		wx,
		goodfriend_list,
	apiready = function () {
		setBSImg();
		new Vue({
			el: '#blank'
		})
		wx = api.require('wx');
		// setBSImg();
		showProgress();
		var data = {
			wxOpenId:getPrefs('openid'),
			token:getPrefs('token'),
		};
		var callback=function(ret){
			goodfriend_list = ret.content;
			console.log(JSON.stringify(goodfriend_list))
			initApp()
		}
		pinet.post(APIURLP+'/play/user/myFriends',data, callback)
		api.parseTapmode();
	};

	function initApp() {
		// var isBigImg = Vue.BSImg == 'big';
		vm = new Vue({
			el: '#app',
			data: {
				goodfriend_list:goodfriend_list,
			},
			computed: {

			},
			methods: {

			},
			watch: {
			},
		})
	}


</script>

</html>
